﻿body
{
    margin: 0px;
    padding: 0px;
    font-family: Sans-Serif;
}

.StopHeader
{
    position: relative;
    padding-left: 20px;
    border: 1px solid black;
    border-top-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    background-color: #EB0E0E;
    background-image: linear-gradient(left top, #EB0E0E 0%, #B09E9E 100%);
    background-image: -o-linear-gradient(left top, #EB0E0E 0%, #B09E9E 100%);
    background-image: -moz-linear-gradient(left top, #EB0E0E 0%, #B09E9E 100%);
    background-image: -webkit-linear-gradient(left top, #EB0E0E 0%, #B09E9E 100%);
    background-image: -ms-linear-gradient(left top, #EB0E0E 0%, #B09E9E 100%);
    background-image: -webkit-gradient( 	linear, 	left top, 	right bottom, 	color-stop(0, #EB0E0E), 	color-stop(1, #B09E9E) );
    font-family: Arial;
    font-weight: bold;
    font-size: 16px;
}
.StopHeader .Code
{
    position: absolute;
    top: 0px;
    left: 0.5em;
}
.StopHeader .Name
{
    padding-left: 2em;
    display: block;
}

.StopInfoPanel
{
    margin-bottom: 10px;
}

.StopInfoSubPanel
{
    width: 100%;
    background-color: #F7F7F7;
    background-image: linear-gradient(left top, #F7F7F7 0%, #BDBDBD 100%);
    background-image: -o-linear-gradient(left top, #F7F7F7 0%, #BDBDBD 100%);
    background-image: -moz-linear-gradient(left top, #F7F7F7 0%, #BDBDBD 100%);
    background-image: -webkit-linear-gradient(left top, #F7F7F7 0%, #BDBDBD 100%);
    background-image: -ms-linear-gradient(left top, #F7F7F7 0%, #BDBDBD 100%);
    background-image: -webkit-gradient( 	linear, 	left top, 	right bottom, 	color-stop(0, #F7F7F7), 	color-stop(1, #BDBDBD) );
}

.StopInfoPanelFavourites
{
    border-bottom: 1px dashed gray;
}
.StopInfoPanelFavourites .RouteInfo
{
    position: relative;
    border-bottom: 1px solid gray;
    padding: 4px;
}
.StopInfoPanelFavourites .RouteName
{
    padding-left: 4px;
    font-weight: bold;
}

.StopInfoPanelRegular
{
    margin-top: 10px;
    border-top: 1px solid gray;
}
.StopInfoPanelRegular .RouteInfo
{
    position: relative;
    border-bottom: 1px solid gray;
    padding: 4px;
}
.StopInfoPanelRegular .RouteName
{
    padding-left: 4px;
}

.Trips
{
    font-size: 16px;
    padding-left: 4px;
    margin: 0;
    list-style-type: none;
}
.Trips li
{
    display: inline;
}
.Trips li:after
{
    content: ", ";
    font-size: 16px;
    font-weight: normal;
    color: Black;
}
.Trips :last-child:after
{
    content: " minutes";
}

.StopInfoPanelFavourites .Trips :first-child
{
    color: Green;
    font-weight: bold;
    font-size: 20px;
}

.Favourite
{
    position: absolute;
    width: 18px;
    height: 18px;
    right: 2px;
    top: 1px;
    cursor: pointer;
    overflow: hidden;
}

.Favourite img
{
    width: 100%;
}

.Favourite.Yes img
{
    margin-top: -18px;
}

#MethodSelector
{
    border: 1px solid black;
    padding: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
}

#GPS_Status
{
    display:none;
    border: 1px solid black;
    padding: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    margin-bottom: 5px;
}
#GPS_Status div
{
    display: inline-block;
}
#GPS_Status div#Address
{
    font-weight: bold;
}

#ManualCode
{
    border: 1px solid black;
    padding: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    margin-bottom: 5px;
}
#StatusBar.GPS #GPS_Status
{
    display: block;
}

#StatusBar.GPS #ManualCode
{
    display: none;
}

#StatusBar>div
{
    background-color: #F7F7F7;
    background-image: linear-gradient(left top, #F7F7F7 0%, #BDBDBD 100%);
    background-image: -o-linear-gradient(left top, #F7F7F7 0%, #BDBDBD 100%);
    background-image: -moz-linear-gradient(left top, #F7F7F7 0%, #BDBDBD 100%);
    background-image: -webkit-linear-gradient(left top, #F7F7F7 0%, #BDBDBD 100%);
    background-image: -ms-linear-gradient(left top, #F7F7F7 0%, #BDBDBD 100%);
    background-image: -webkit-gradient( 	linear, 	left top, 	right bottom, 	color-stop(0, #F7F7F7), 	color-stop(1, #BDBDBD) );
}

#StatusBar>div.StatusOK
{
    background-color: #D7F5ED;
    background-image: linear-gradient(left top, #D7F5ED 0%, #73B099 100%);
    background-image: -o-linear-gradient(left top, #D7F5ED 0%, #73B099 100%);
    background-image: -moz-linear-gradient(left top, #D7F5ED 0%, #73B099 100%);
    background-image: -webkit-linear-gradient(left top, #D7F5ED 0%, #73B099 100%);
    background-image: -ms-linear-gradient(left top, #D7F5ED 0%, #73B099 100%);
    background-image: -webkit-gradient( 	linear, 	left top, 	right bottom, 	color-stop(0, #D7F5ED), 	color-stop(1, #73B099) );
}

#StatusBar>div.StatusFailed
{
    background-color: #FFC9C9;
    background-image: linear-gradient(left top, #FFC9C9 0%, #A85050 100%);
    background-image: -o-linear-gradient(left top, #FFC9C9 0%, #A85050 100%);
    background-image: -moz-linear-gradient(left top, #FFC9C9 0%, #A85050 100%);
    background-image: -webkit-linear-gradient(left top, #FFC9C9 0%, #A85050 100%);
    background-image: -ms-linear-gradient(left top, #FFC9C9 0%, #A85050 100%);
    background-image: -webkit-gradient( 	linear, 	left top, 	right bottom, 	color-stop(0, #FFC9C9), 	color-stop(1, #A85050) );
}
